* { margin: 0; padding: 0 }
body { line-height: 1; font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif }
ul li { list-style: none }
a { color: #1752a1; text-decoration: none }
img { border: 0 }
.red { margin-right: 5px; color: red; }
.clear { clear: both }
.content { margin: 20px; padding: 20px; background: #fff }
.header-box { border-bottom: 1px solid #ddd; margin-bottom: 20px }
.header-title { line-height: 35px; margin: 10px 0; font-weight: 300 }
/**/
.reg_box { overflow: hidden; font-size: 14px; color: #666; padding: 10px 0;  }
.reg_box li { float: left; width: 100%; line-height: 35px; padding: 5px 0; }
.reg_box .control-label { float: left; text-align: right; padding-right: 15px; font-family: "Open Sans"; font-size: 13px; font-weight: 600; color: #666; min-height: 1px; }
.reg_box textarea { height: auto; min-height: 150px; }
.reg_box .adr { background: #fff; border: 1px solid #ddd; height: 35px; line-height: 35px; padding: 0; width: 32.333%; outline: none; }
input[type="radio"] { vertical-align: middle; }
.form-control { float: left; box-sizing: border-box; display: block; width: 100%; height: 35px; line-height: 35px; color: #79675b; vertical-align: middle; border: 1px solid #ddd; padding: 0 6px; }
.form-control[readonly] { background-color: #eee; opacity: 1; }
.zhuan { border-bottom: none; }
.form-control:focus { border-color: #69F; outline: 0; box-shadow: inset 0 1px 1px transparent, 0 0 8px #ccc }
.email_inout { float: left; box-sizing: border-box; display: block; width: 30%; height: 35px; line-height: 35px; color: #79675b; vertical-align: middle; border: 1px solid #ddd; padding: 0 6px; }
/**/
.Tab_box { background: #fff; line-height: 30px; font-size: 18px; margin-top: 10px; }
.Tab_box ul { width: 100%; float: left; margin-bottom:30px; }
.Tab li { position: relative; cursor: pointer; float: left; width: 50%; font-size: 18px; line-height:30px; text-align: center; color: #000; padding: 15px 0; }
.Tab .on{ color: #fff !important; background-color: #0066b3 ; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); 
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); 
background: #00bdf2; background: -moz-linear-gradient(top, #00bdf2 0%, #0066b3  100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00bdf2), color-stop(100%, #0066b3 )); background: -webkit-linear-gradient(top, #00bdf2 0%, #0066b3  100%); background: -o-linear-gradient(top, #00bdf2 0%, #0066b3  100%); background: -ms-linear-gradient(top, #00bdf2 0%, #0066b3  100%); background: linear-gradient(to bottom, #00bdf2 0%, #0066b3  100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bdf2', endColorstr='#0066b3 ', GradientType=0 );
}
.Tab li:before { position: absolute; top: 20%; right: 0; height: 60%; content: ' '; }
.Tab li.on:before { width: 0; height: 0; border-top: 10px solid #06c; border-left: 10px solid transparent; border-right: 10px solid transparent; top: auto; bottom: -10px; left: 50%; margin-left: -20px; }

/**/
.search_box { border: 1px solid #ddd; margin: 10px auto; padding: 0.5% 1%; background: #fff; overflow: hidden }
.search_box ul { overflow: hidden; margin:10px 0px;}
.search_box li { float: left; }
.search_box label { font-size: 13px; float: left; line-height: 35px; color: #666; margin: 0 8px; }
.search_control {font-size: 13px; float: left; box-sizing: border-box; display: block; height: 35px; line-height: 35px; padding: 0 0.2em; color: #000; vertical-align: middle; background: #fff; border: 1px solid #ddd; }
.search_control:focus { border-color: #088dcc; outline: 0; box-shadow: inset 0 1px 1px transparent, 0 0 8px #ccc }
.search_select { float: left; box-sizing: border-box; display: block; height: 35px; line-height: 35px; padding: 0 0.2em; color: #000; vertical-align: middle; background: #fff; border: 1px solid #ddd; }
.form_btn { cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; border: none; padding: 0 20px; color: #fff; background: #006DB7; }
.form_btn:hover { background: #005e9e; color: #fff; }
/**/
.tablebox { width: 100%; overflow: auto; }
.mytable { border-collapse: collapse; width: 100%; min-width: 1000px; overflow-x: scroll; font-size: 13px; }
.mytable th { color:#006DB7; border: 1px solid #ddd; padding: 8px; line-height: 26px; text-align: center; white-space: nowrap; }
.mytable td { padding: 8px; border: 1px solid #ddd; line-height: 26px; text-align: center; }
.mytable tbody tr { background-color: #fff; }
.mytable tbody tr:nth-child(2n) { background-color: #f0f7ff; }
.mytable tbody tr:hover { background-color: #F7F8F9; }
.mytable td a { display: inline-block; color: #006DB7; }
.mytable td a:hover { text-decoration: underline; }
/**/
.page { clear: both; padding: 10px; text-align: center; line-height: 28px; }
.page a,
.page span { display: inline-block; border: 1px solid #006DB7; background: #006DB7; color: #fff; margin: 0 5px; padding: 0 10px; }
.page a.prev_page,
.page a.next_page { border: 1px solid #005e9e; }
.page a:hover { border: 1px solid #005e9e; background: #005e9e; color: #fff; }
.page span.prev_page,
.page span.next_page { color: #fff; }
.page .page_sel { border: 1px solid #fff; background: #fff; color: #006DB7; }
.page .page_inp { width: 50px; margin: 0 8px; border: 1px solid #ddd; line-height: 28px; text-align: center; }
.page .page_go { margin-left: 8px; padding: 0 10px; border: 1px solid #ddd; border-radius: 5px; background: #f7f7f7; line-height: 26px; cursor: pointer; }
.pager { display: inline-block; }
/**/
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 13px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; }
.btn-danger { color: #f9f9f9; background: #da4516; }
.btn-danger:hover { background: #da4516; color: #fff; }
.btn-success { background-color: #3498db; border-color: #3498db; color: #FFFFFF; margin-right: 5px; }
.btn-success:hover { background-color: #174bae; border-color: #174bae; color: #FFFFFF; }

/*交易大厅*/
.body-box { background-color: #fff; border: 1px solid #e7eaec; padding:15px; }
.product li { position: relative; }
.product li .title {    text-align: center;font-size:20px; position: relative; padding-bottom: 20px; }
.product .line { position: absolute; bottom: 0; left: 50%; width: 300px; height: 1px; margin-left: -150px; }
.con_text { text-align: center;}
.con_text i { font-size: 100px; }
.con_text img { width: 200px; height: 200px; }
.con_text p { line-height: 30px; font-size: 16px; }
.product a { text-decoration: none; }
.product .see { display: block; text-align: center; cbackground: #333; olor: #06c; font-size: 18px; padding:5px 0px; }
.product .see:hover { background: #6c0 }


::-webkit-input-placeholder {
color:#000;
}
::-moz-placeholder {
color:#000;
}
:-moz-placeholder {
color:#000;
}
 @media(max-width:800px) {
.content { padding: 6px; margin: 6px }
/**/
.reg_box { padding: 0 20px; }
.reg_box .control-label { text-align: left; }
/*搜索*/
.search_box { padding: 2%; }
.search_control, .search_select { width: 100%; margin-bottom: 0px; }
.search_box li { width: 100%; }
.search_box label { margin: 0; }
/**/
.pager { text-align: center; margin-top: 10px; }
}
